<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>收银台-阿里迪里影院</title>
    <link href="images/favicon.ico" rel="shortcut icon" />

    <link rel="stylesheet" href="../layui/css/layui.css">
    <link rel="stylesheet" href="css/shouyintai.css">

</head>

<body>
    <!-- 导航栏部分 -->
    <div class="head">
        <div class="head-inner">
            <div class="logo"><img src="images/logo.jpg">阿里迪里影院</div>

            <div class="nav">
                <ul class="navbar">
                    <li><a class="shouye" href="home_index.html">首页</a></li>
                    <li><a href="home_filmType.html">电影</a></li>
                    <li><a href="https://maoyan.com/cinemas">影院</a></li>
                    <li><a href="http://www.gewara.com/">演出</a></li>
                    <li><a href="https://maoyan.com/board">榜单</a></li>
                    <li><a href="https://maoyan.com/news">热点</a></li>
                    <li><a href="https://maoyan.com/edimall">商城</a></li>
                </ul>
            </div>

            <form>
                <input type="text" id="cond" required placeholder="找影片、 影剧" class="search">
                <input class="sub" type="button" title="点击可搜索你喜爱的电影哦。" id="commit">
            </form>

            <div class="user-info">
                <ul class="layui-nav layui-layout-right" style="background-color:#fff;">
                    <li class="layui-nav-item"><a href="javascript:;">
                            <img id="pic" class="layui-nav-img"></a>
                        <dl class="layui-nav-child">
                            <dd id="h1" class="subMenu">
                                <a href="home_myOrder.html">我的订单</a>
                            </dd>
                            <dd id="h2" class="subMenu">
                                <a href="home_information.html">个人中心</a>
                            </dd>
                            <dd id="h3" class="subMenu">
                                <a id="logout">退出登录</a>
                            </dd>
                        </dl>
                    </li>

                </ul>
            </div>
        </div>
    </div>



    <!-- 收银台部分 -->
    <div class="container">
        <div class="sad"></div>
        <div class="cd">
            <span class="cd-text">
                <img src="images/clock.png">
                请在
                <span class="cd-time">
                    <span id='Time'></span>
                </span>
                秒内完成支付，超时订单会自动取消
            </span>
        </div>

        <!-- 支付超时提示框 -->
        <div class="hide-prompt" style="display: none;" id="timeOut">
            <div class="hide-prompt-model">
                <span></span>
                <p>支付超时，该订单已失效，请重新购买</p>
                <div class="ok-btn">我知道了</div>
            </div>
        </div>

        <div class="right right-widen">
            <div class="order">
                <span class="block-left">
                    <div class="order-name"></div>
                </span>

                <span class="block-right">
                    <div class="amount">应付金额 ￥
                        <span class="amount-price"></span>
                    </div>
                </span>

            </div>

            <div class="payment-container">
                <div class="payment">
                    <div class="layui-tab">
                        <ul class="layui-tab-title">
                            <li class="layui-this">支付宝/微信</li>
                            <li>个人网银支付</li>
                        </ul>

                        <div class="layui-tab-content">
                            <div class="layui-tab-item layui-show">
                                <div class="payment-list">
                                    <ul>
                                        <li>
                                            <input type="radio" name="zffs" id="wx" value="wx" checked>
                                            <label class="payment-icon" for="wx">
                                                <img src="images/wx.png">
                                            </label>
                                        </li>
                                        <li>
                                            <input type="radio" name="zffs" value="zfb" id="zfb">
                                            <label class="payment-icon" for="zfb">
                                                <img src="images/zfb.png">
                                            </label>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="layui-tab-item">
                                <div class="payment-bank-tip">支持储蓄卡和信用卡，需要开通网银</div>
                                <ul>
                                    <li>
                                        <input type="radio" name="yinghang" id="zg" checked>
                                        <label class="payment-icon" for="zg">
                                            <img src="images/zg.png">
                                        </label>
                                    </li>
                                    <li>
                                        <input type="radio" name="yinghang" id="gs">
                                        <label class="payment-icon" for="gs">
                                            <img src="images/gs.png">
                                        </label>
                                    </li>
                                    <li>
                                        <input type="radio" name="yinghang" id="js">
                                        <label class="payment-icon" for="js">
                                            <img src="images/js.png">
                                        </label>
                                    </li>
                                    <li>
                                        <input type="radio" name="yinghang" id="ny">
                                        <label class="payment-icon" for="ny">
                                            <img src="images/ny.png">
                                        </label>
                                    </li>
                                    <li>
                                        <input type="radio" name="yinghang" id="jt">
                                        <label class="payment-icon" for="jt">
                                            <img src="images/jt.png">
                                        </label>
                                    </li>
                                    <li>
                                        <input type="radio" name="yinghang" id="qt">
                                        <label class="payment-icon" for="qt">
                                            <img src="images/qt.png">
                                        </label>
                                    </li>
                                </ul>
                            </div>

                        </div>
                        <ul class="payment-tips">
                            <li>意见反馈</li>
                            <li class="">支付帮助</li>
                        </ul>
                    </div>

                    <div class="payment-top">
                        <div class="amount">
                            支付￥<span class="amount-price"></span>
                        </div>
                        <div class="payment-submit">
                            <button id="btu" class="layui-btn layui-btn-radius layui-btn-warm"
                                style="width: 120px; height: 41px">去付款</button>
                        </div>
                        <div class="payment-back">
                            <a href="#" style="font-size: 13px">返回修改菜单</a>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>

    <div id="modal">
        <div class="modal weixinqr-modal" id="sys" style="display:none">
            <div class="modal-mask"></div>
            <div class="modal-box">
                <div class="modal-left">
                    <p>
                        <span>请使用</span>
                        <span class="orange">手机 </span>
                        <img src="images/sao.png">
                        <span class="orange">扫一扫 </span><br />
                        扫描二维码支付
                    </p>
                    <div class="modal-qr">
                        <img class="modal-qrcode" src="images/ewm.png">
                    </div>
                    <div class="modal-info">
                        <img class="icon-clock" src="images/alock.png">
                        <span>二维码有效时长为2小时, 请尽快支付</span>
                    </div>
                    <button type="button" class="layui-btn layui-btn-radius layui-btn-warm" id="success">我已付款</button>
                </div>

                <div class="modal-right">
                    <i class="layui-icon" id="close-sys"">&#x1006;</i>
                    <img src=" images/wxsao.jpg" alt="手机扫码">
                </div>
            </div>

        </div>

    </div>


    <!--底部版块部分-->
    <div class="footer">
        <p class="footer-font">
            关于阿里迪里：
            <a href="#">关于我们</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">管理团队</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a
                href="#">投资者关系</a>&nbsp;&nbsp;&nbsp;&nbsp;
            友情链接：
            <a href="https://maoyan.com/films">猫眼电影</a>&nbsp;&nbsp;|&nbsp;alidli@qq.com&nbsp;<a
                href="https://maoyan.com/cinemas">猫眼影院</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a
                href="https://maoyan.com/edimall">猫眼商城</a>
        </p>

        <p>
            商务合作邮箱：alidli@qq.com &nbsp;&nbsp;|&nbsp;&nbsp;客服电话：10104422
        </p>

        <p class="footer-font">
            Copyright &copy; 2020 - {{nowYear}} 版权所有| by<a href="http://www.gd-nf.com.cn/"> gd-nf</a>
        </p>

        <p>
            &copy;2020 阿里迪里影视 alidli.com
        </p>

        <div class="footer-end">
            <img src="images/bankuai1.png"><img src="images/bankuai2.png"><img src="images/bankuai3.png">
        </div>
    </div>


    <script src="../js/jquery-1.12.4.min.js"></script>
    <script src="../js/jquery.cookie.js"></script>
    <script src="../js/Vue.js"></script>
    <script src="../layer/layer.js"></script>
    <script src="../layui/layui.js"></script>
    <script src="js/home-cashier.js"></script>
    <script src="js/home-same.js"></script>
</body>
</html>